<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>CBE Building Perfomance Evaluation Toolkit documentation &mdash; CBE BPE Toolkit Documentation 1.0 documentation</title>
    
    <link rel="stylesheet" href="../_build/html/_static/basic.css" type="text/css" />
    <link rel="stylesheet" href="../_build/html/_static/pygments.css" type="text/css" />
    <link rel="stylesheet" href="../_build/html/_static/css/bootstrap-2.2.1.css" type="text/css" />
    <link rel="stylesheet" href="../_build/html/_static/bootstrap-sphinx.css" type="text/css" />
    <link rel="stylesheet" href="../_build/html/_static/css/bootstrap-responsive-2.2.1.min.css" type="text/css" />
    
    <script type="text/javascript">
      var DOCUMENTATION_OPTIONS = {
        URL_ROOT:    '',
        VERSION:     '1.0',
        COLLAPSE_INDEX: false,
        FILE_SUFFIX: '.html',
        HAS_SOURCE:  true
      };
    </script>
    <script type="text/javascript" src="../_build/html/_static/jquery.js"></script>
    <script type="text/javascript" src="../_build/html/_static/underscore.js"></script>
    <script type="text/javascript" src="../_build/html/_static/doctools.js"></script>
    <script type="text/javascript" src="../_build/html/_static/js/bootstrap-2.2.1.min.js"></script>
    <script type="text/javascript" src="../_build/html/_static/bootstrap-sphinx.js"></script>
    <link rel="top" title="CBE BPE Toolkit Documentation 1.0 documentation" href="#" />
	<meta charset='utf-8'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1'>
	<meta name="apple-mobile-web-app-capable" content="yes">
  </head>
  <body>
<div class="container">
  <div id="navbar" class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="brand" href="../_build/html/index.html">CBE BPE Toolkit Documentation</a>
      <span class="navbar-text pull-left"><b>1.0</b></span>
      <div class="nav-collapse">
        <ul class="nav">
	        <li class="divider-vertical"></li>      
	        <li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">Site <b class="caret"></b></a>
				<ul class="dropdown-menu globaltoc">
					<ul>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/backend.html">Backend</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/toolkit_setup.html">Toolkit setup</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/maps.html">Adding a new map</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/trending.html">Trending</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/thermal_comfort.html">Thermal comfort analysis</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/lighting_ac_iaq.html">Lighting, acoustics, and indoor air quality analyses</a></li>
						<li class="toctree-l1"><a class="reference internal" href="../_build/html/ieq_model.html">Performance summary model</a></li>
					</ul>
				</ul>
			</li>             
	        <li><a href="/">Back to Toolkit</a></li>
        </ul>     
      </div>
    </div>
  </div>
  <div class="section" id="cbe-building-perfomance-evaluation-toolkit-documentation">
	<h1>CBE Building Perfomance Evaluation Toolkit documentation videos</h1>
	<p>Select the video you would like to watch from the drop down list:</p>
	<select id="video_select">
		<option value="bbl_presentation">Overview presentation</option>
		<option value="device_instance">Adding device instances</option>
		<option value="trending">Trending</option>
		<option value="setpoint">Setpoint analysis</option>
		<option value="icm">ICM analysis</option>
		<option value="stratification">Stratification analysis</option>
	</select>
	<div id="video"></div>
  </div>
  </div>
  <hr>
	<footer class="footer">
	  <div class="container">
	    <p class="pull-right">
	      <a href="#">Back to top</a>
	    </p>
	    <p>
	      &copy; Copyright 2013, CBE, David Heinzerling.<br/>
	      Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.<br/>
	    </p>
	  </div>
	</footer>
  </body>
  <script type="text/javascript">
  	$('#video_select').change(function(){videoChange($(this))})
  	function videoChange(selector){
  		if ($(selector).val() == 'bbl_presentation'){
  			$('#video').html('<video width="800" height="600" controls><source src="bbl.mp4" type="video/mp4"><source src="bbl.webm" type="video/webm"><source src="bbl.ogv" type="video/ogg"></video>')
  		}
  		else if ($(selector).val() == 'trending'){
  			$('#video').html('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,28;" WIDTH=899 HEIGHT=797><PARAM NAME=movie VALUE="trending_toolbar.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE="#FFFFFF"><param name="allowFullScreen" value="true" ><EMBED src="videos/trending_toolbar.swf" allowfullscreen="true" quality=high bgcolor="#FFFFFF"  WIDTH=899 HEIGHT=797 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>')
  		}
  		else if ($(selector).val() == 'setpoint'){
  			$('#video').html('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,28;" WIDTH=900 HEIGHT=829><PARAM NAME=movie VALUE="setpoint_analysis_toolbar.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE="#FFFFFF"><param name="allowFullScreen" value="true" ><EMBED src="setpoint_analysis_toolbar.swf" allowfullscreen="true" quality=high bgcolor="#FFFFFF"  WIDTH=900 HEIGHT=829 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>')
  		}
  		else if ($(selector).val() == 'icm'){
  			$('#video').html('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,28;" WIDTH=900 HEIGHT=829><PARAM NAME=movie VALUE="icm_analysis_toolbar.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE="#FFFFFF"><param name="allowFullScreen" value="true" ><EMBED src="icm_analysis_toolbar.swf" allowfullscreen="true" quality=high bgcolor="#FFFFFF"  WIDTH=900 HEIGHT=829 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>')
  		}
  		else if ($(selector).val() == 'device_instance'){
  			$('#video').html('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,28;" WIDTH=900 HEIGHT=829><PARAM NAME=movie VALUE="device_instance_toolbar.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE="#FFFFFF"><param name="allowFullScreen" value="true" ><EMBED src="device_instance_toolbar.swf" allowfullscreen="true" quality=high bgcolor="#FFFFFF"  WIDTH=900 HEIGHT=829 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>')
  		}
  		else if ($(selector).val() == 'stratification'){
  			$('#video').html('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,28;" WIDTH=900 HEIGHT=829><PARAM NAME=movie VALUE="stratification_toolbar.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE="#FFFFFF"><param name="allowFullScreen" value="true" ><EMBED src="stratification_toolbar.swf" allowfullscreen="true" quality=high bgcolor="#FFFFFF"  WIDTH=900 HEIGHT=829 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>')
  		}
  	}
  	function parseURLParams(url) {
	  var queryStart = url.indexOf("?") + 1;
	  var queryEnd   = url.indexOf("#") + 1 || url.length + 1;
	  var query      = url.slice(queryStart, queryEnd - 1);
	
	  if (query === url || query === "") return;
	
	  var params  = {};
	  var nvPairs = query.replace(/\+/g, " ").split("&");
	
	  for (var i=0; i<nvPairs.length; i++) {
	    var nv = nvPairs[i].split("=");
	    var n  = decodeURIComponent(nv[0]);
	    var v  = decodeURIComponent(nv[1]);
	    if ( !(n in params) ) {
	      params[n] = [];
	    }
	    params[n].push(nv.length === 2 ? v : null);
	  }
	  return params;
	}
	$(document).ready(function(){
  		var urlstring = window.location.href
  		var selectedVideo = parseURLParams(urlstring)
  		if (typeof selectedVideo != 'undefined'){
  			$('#video_select').val(selectedVideo.video)
  		}
  		videoChange($('#video_select').find(':selected'))
  	})
  </script>
</html>